<!--
 * @Author       : xxsoftware
 * @Date         : 2023-07-02 19:44:42
 * @LastEditors  : xxsoftware
 * @LastEditTime : 2023-08-01 22:51:48
 * @FilePath     : \test\app.vue
 * @Description  : 
-->

<script lang="ts" setup>
import { ref } from 'vue';

// input
const inputVal = ref('');

//checkbox
const checkboxVal = ref(false);
//radio
const radioVal = ref(false);
const changes = () => {
    radioVal.value = !radioVal.value;
};

</script>
<template>
    <xx-radio v-model="radioVal">1</xx-radio>

    <xx-checkbox v-model="checkboxVal">复选框</xx-checkbox>
    <xx-button @click="console.log(checkboxVal)" type="primary"
        >输出复选框值</xx-button
    >
    <div style="height: 800px"></div>
    <xx-backToTop />

    <xx-input v-model="inputVal" placeholder="请输入" allowClear />
</template>
<style lang="scss" scoped></style>
